<!DOCTYPE html>
<html>
<!--<![endif]--><!-- BEGIN HEAD -->
<head>

    <meta charset="utf-8">

    <title>励志2+4学生信息管理系统 - 首页</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <meta content="" name="description">

    <meta content="" name="author">

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="./metronic.bootstrap/media/css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/style-metro.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/style.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/style-responsive.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/default.css" rel="stylesheet" type="text/css" id="style_color">

    <link href="./metronic.bootstrap/media/css/uniform.default.css" rel="stylesheet" type="text/css">

    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->

    <link href="./metronic.bootstrap/media/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/chosen.css" rel="stylesheet" type="text/css">

    <link href="./metronic.bootstrap/media/css/profile.css" rel="stylesheet" type="text/css">

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="./metronic.bootstrap/media/image/favicon.ico">

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->

<div class="header navbar navbar-inverse navbar-fixed-top">

    <!-- BEGIN TOP NAVIGATION BAR -->

    <div class="navbar-inner">

        <div class="container-fluid">

            <!-- BEGIN LOGO -->

            <a class="brand" href="">

                <img src="./metronic.bootstrap/media/image/logo1.png" alt="logo">

            </a>

            <!-- END LOGO -->

            <!-- BEGIN RESPONSIVE MENU TOGGLER -->

            <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

                <img src="./metronic.bootstrap/media/image/menu-toggler.png" alt="">

            </a>

            <!-- END RESPONSIVE MENU TOGGLER -->

            <!-- BEGIN TOP NAVIGATION MENU -->

            <ul class="nav pull-right">

                <!-- BEGIN USER LOGIN DROPDOWN -->

                <li class="dropdown user">

                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">



                        <span class="username StudentName"></span>

                        <i class="icon-angle-down"></i>

                    </a>

                    <ul class="dropdown-menu">

                        <li><a href="./Login_Page.html"><i class="icon-user"></i> 更该用户</a></li>

                        <li><a href="S_Logout.html"><i class="icon-key"></i> 注销</a></li>

                    </ul>

                </li>

                <!-- END USER LOGIN DROPDOWN -->

            </ul>

            <!-- END TOP NAVIGATION MENU -->

        </div>

    </div>

    <!-- END TOP NAVIGATION BAR -->

</div>

<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->

    <div class="page-sidebar nav-collapse collapse">

        <!-- BEGIN SIDEBAR MENU -->

        <ul class="page-sidebar-menu">


            <a href="javascript:;">

                <i class=""></i>

                <span class="title"></span>

                <span class="arrow "></span>

            </a>

            <li class="">

                <a href="javascript:;">

                    <i class="icon-gift"></i>

                    <span class="title">学生门户</span>

                    <span class="selected"></span>

                    <span class="arrow open"></span>

                </a>

                <ul class="sub-menu">

                    <li class="">

                        <a href="./S_Information.html#tab_1_2">

                            学生资料</a>

                    </li>

                    <li>
                        <a href="./S_Information.html#tab_1_3">
                            个人信息修改
                        </a>
                    </li>

                </ul>

            </li>


            <li class="">

                <a href="javascript:;">

                    <i class="icon-th"></i>

                    <span class="title">学生活动</span>

                    <span class="arrow "></span>

                </a>

                <ul class="sub-menu">

                    <li>

                        <a href="./S_ActivityPage.html">

                            学生活动记录</a>

                    </li>

                    <li>

                        <a href="S_PrintPage.html">

                            活动打印</a>

                    </li>

                </ul>

            </li>

        </ul>

        <!-- END SIDEBAR MENU -->

    </div>

    <!-- END SIDEBAR -->

    <!-- BEGIN PAGE -->

    <div style="min-height:1071px !important" class="page-content">

        <!-- BEGIN PAGE CONTAINER-->

        <div class="container-fluid">

            <!-- BEGIN PAGE HEADER-->

            <div class="row-fluid">

                <div class="span12">

                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">

                        <small>学生个人基本信息</small>

                    </h3>

                    <ul class="breadcrumb">

                        <li>

                            <i class="icon-home"></i>

                            <a href="./S_HomePage.html">主页</a>

                            <i class="icon-angle-right"></i>

                        </li>

                        <li>

                            <a href="#">学生门户</a>

                        </li>

                    </ul>

                    <!-- END PAGE TITLE & BREADCRUMB-->

                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->

            <div class="row-fluid profile">

                <div class="span12">

                    <!--BEGIN TABS-->

                    <div class="tabbable tabbable-custom tabbable-full-width">

                        <ul class="nav nav-tabs">

                            <li class="active"><a href="#tab_1_2" data-toggle="tab">学生资料</a></li>

                            <li><a href="#tab_1_3" data-toggle="tab">修改个人信息</a></li>

                        </ul>

                        <div class="tab-content">

                            <div class="tab-pane profile-classic row-fluid active" id="tab_1_2">

                                <div class="span2">

                                    <img src="./metronic.bootstrap/media/image/profile1-img.png" alt="">

                                </div>

                                <ul class="unstyled span10">

                                    <li><span>学号:</span> <span class="SUID"></span> </li>

                                    <li><span>姓名:</span> <span class="StudentName"></span></li>

                                    <li><span>性别:</span> <span class="Sex"></span></li>

                                    <li><span>出生日期:</span> <span class="SUID"></span></li>

                                    <li><span>民族:</span><span class="Nation"></span></li>

                                    <li><span>身份证号:</span> <span class="IDCard"></span></li>

                                    <li><span>院校名称:</span> <span>西南科技大学</span></li>

                                    <li><span>分院（系所）:</span><span>计算机科学与技术学院</span></li>

                                    <li><span>专业名称:</span> <span>信息安全</span></li>

                                    <li><span>行政班:</span><span class="ClassNumber"></span></li>

                                    <li><span>联系电话:</span><span class="PhoneNumber"></span></li>

                                    <li><span>家庭通讯地址：</span><span class="Address"></span></li>

                                </ul>

                            </div>

                            <!--tab_1_2-->

                            <div class="tab-pane row-fluid profile-account" id="tab_1_3">

                                <div class="row-fluid">

                                    <div class="span12">

                                        <div class="span3">

                                            <ul class="ver-inline-menu tabbable margin-bottom-10">

                                                <li class="active">

                                                    <a data-toggle="tab" href="#tab_1-1">

                                                        <i class="icon-cog"></i>

                                                        基本资料

                                                    </a>

                                                    <span class="after"></span>

                                                </li>

                                                <li class=""><a data-toggle="tab" href="#tab_3-3"><i class="icon-lock"></i> 密码修改</a></li>

                                            </ul>

                                        </div>

                                        <div class="span9">

                                            <div class="tab-content">

                                                <div class="tab-pane active">

                                                    <div style="height: auto;" id="accordion1-1" class="accordion collapse in">

                                                        <form action="#" id="Modify_student">

                                                            <label class="control-label">民族</label>

                                                            <input name="Nation" placeholder="汉族" class="m-wrap span8" type="text">

                                                            <label class="control-label">籍贯</label>

                                                            <input name="NativePlace" placeholder="省 市 " class="m-wrap span8" type="text">

                                                            <label class="control-label">家庭通讯地址</label>

                                                            <input name="Address" placeholder="" class="m-wrap span8" type="text">

                                                            <label class="control-label">联系电话</label>

                                                            <input name="PhoneNumber" placeholder="" class="m-wrap span8" type="text">

                                                            <label class="control-label">电子邮件</label>

                                                            <input name="Email" placeholder="" class="m-wrap span8" type="text">

                                                            <label class="control-label">英文姓名</label>

                                                            <input name="EnglishName" placeholder="" class="m-wrap span8" type="text">

                                                            <div class="submit-btn">

                                                                <a href="#" class="btn green" id="submit">保存</a>

                                                                <a href="#" class="btn">取消</a>

                                                            </div>

                                                        </form>

                                                    </div>

                                                </div>

                                                <div id="tab_3-3" class="tab-pane">

                                                    <div style="height: auto;" id="accordion3-3" class="accordion collapse in">

                                                        <form action="#">

                                                            <label class="control-label">输入密码</label>

                                                            <input class="m-wrap span8" type="password">

                                                            <label class="control-label">新密码</label>

                                                            <input class="m-wrap span8" type="password">

                                                            <label class="control-label">确认新密码</label>

                                                            <input class="m-wrap span8" type="password">

                                                            <div class="submit-btn">

                                                                <a href="#" class="btn green">确认</a>

                                                                <a href="#" class="btn">取消</a>

                                                            </div>

                                                        </form>

                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                        <!--end span9-->

                                    </div>

                                </div>

                            </div>



                            <!--end tab-pane-->

                        </div>

                    </div>

                    <!--END TABS-->

                </div>

            </div>

            <!-- END PAGE CONTENT-->

        </div>

        <!-- END PAGE CONTAINER-->

    </div>

    <!-- END PAGE -->

</div>

<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<div class="footer">

    <div class="footer-inner">

        2015 © Student information - Admin.

    </div>

    <div class="footer-tools">

			<span class="go-top">

			<i class="icon-angle-up"></i>

			</span>

    </div>

</div>

<!-- END FOOTER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="http://stats.g.doubleclick.net/dc.js" async="" type="text/javascript"></script><script src="./metronic.bootstrap/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="./metronic.bootstrap/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<script src="./metronic.bootstrap/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

<script src="./metronic.bootstrap/media/js/bootstrap.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>

<script src="./metronic.bootstrap/media/js/excanvas.min.js"></script>

<script src="./metronic.bootstrap/media/js/respond.min.js"></script>

<![endif]-->

<script src="./metronic.bootstrap/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

<script src="./metronic.bootstrap/media/js/jquery.blockui.min.js" type="text/javascript"></script>

<script src="./metronic.bootstrap/media/js/jquery.cookie.min.js" type="text/javascript"></script>

<script src="./metronic.bootstrap/media/js/jquery.uniform.min.js" type="text/javascript"></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script type="text/javascript" src="./metronic.bootstrap/media/js/bootstrap-fileupload.js"></script>

<script type="text/javascript" src="./metronic.bootstrap/media/js/chosen.jquery.min.js"></script>

<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="./metronic.bootstrap/media/js/app.js"></script>
<script src="./Information.js"></script>
<script src="./ModifyStudent.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->

<script>

    jQuery(document).ready(function() {

        // initiate layout and plugins

        App.init();
        Information.init();
    });

</script>
<!-- END JAVASCRIPTS -->




</body><!-- END BODY -->
</html>